import React, {useContext, useEffect, useState} from 'react';
import {Alert, Dimensions, Image, ImageBackground, Platform, ScrollView, TouchableOpacity, View} from 'react-native';
import {Divider, ListItem, Text} from 'react-native-elements';

import LocaleContext from '../libs/locale';

import ImageA from '../assets/My/a.png';
import ImageB from '../assets/My/b.png';
import ImageC from '../assets/My/c.png';
import ImageD from '../assets/My/d.png';
import AboutUs from '../assets/My/AboutUs.png';
import option from '../assets/My/option.png';
import QRcode from '../assets/My/QRCode.png';
import logo from '../assets/logo.png';
import right_grey from '../assets/My/right_grey.png'
import WalletContext from "../libs/wallet";
import {constansts} from "../libs/constansts";
import AsyncStorage from "@react-native-async-storage/async-storage";
import {SaveMyID} from "../libs/nodes";
import ImagePicker from 'react-native-image-crop-picker'

const {width,height,scale} = Dimensions.get("window");

const My = ({ navigation ,route}: any) => {
  const locale: any = useContext(LocaleContext);
  const wallet: any = useContext(WalletContext);
  const [ImageUrl, setImageUrl]: any = useState();
  const [Name,setName]:any = useState(constansts.Name)
  const [refresh, setRefresh] = useState(true);
  // const imgStr = "data:image/png;base64,"+"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";
  useEffect(()=>{
    const work = async () => {
      if(!refresh)
      {
        return ;
      }
      setImageUrl(constansts.ProfilePhoto);
      console.log("进入my:"+constansts.ProfilePhoto)
      // const lang = await AsyncStorage.getItem('@lang');
      constansts.Name= await AsyncStorage.getItem('@pocketName');
      // setInterval(work2, 1000)
      setName(constansts.Name);
      setRefresh(false)

      //添加页面返回监听
    }
    work();
  },[refresh])


  useEffect(()=>{
    const work = async () => {
      navigation.addListener('focus', () => {
        setRefresh(true);
      });
      try
      {
        const ImageString:any = await AsyncStorage.getItem('@ProfilePhoto');
        console.log(`头像字符串${ImageString}`)
        if(ImageString)
        {
          constansts.ProfilePhoto = JSON.parse(ImageString);
          setImageUrl(JSON.parse(ImageString));
        }

        var res = await SaveMyID(wallet.address, Name, "1");
        constansts.Name = res.dict.nickname;
        setName(constansts.Name);
        await AsyncStorage.setItem('@pocketName', res.dict.nickname);
        console.log(`写入名字数据库`)
      }catch (e) {
        console.log('这里出错了')
        constansts.Name = "";
      }
    }

    work()
  },[])


  return (
    <ScrollView>
      <TouchableOpacity onPress={async () => {
        navigation.navigate("SetMyInfo");

      }}>



      <View style={{marginTop:Platform.OS == 'ios' ? 40 : 0}}>
        <View style={{flexDirection:"row",marginTop:height*0.05,marginBottom:height*0.02}}>
          <ImageBackground source={ImageUrl} style={{width:width/360*60,height:width/360*60,marginLeft:width/360*20,alignSelf:"center"}} />
          <View style={{flexDirection:"column"}}>
            <View style={{flex:1,justifyContent:"flex-start"}}>
              <Text style={{fontSize: width/360*20,paddingLeft: width/360*10,fontWeight:"bold"}}>{Name}</Text>
            </View>
            <View style={{flex:1,justifyContent:"flex-end"}}>
              <Text style={{fontSize: width/360*15,paddingLeft: width/360*10,color:"grey",}}>{locale._("My.address")}：{wallet.address.slice(0,6)}...{wallet.address.slice(-6)}</Text>
            </View>
          </View>
          <View style={{flex:1,flexDirection:"row",justifyContent:"flex-end",marginRight:width/360*20}}>
            <ImageBackground source={right_grey} style={{width:width/360*8,height:width/360*16,alignSelf:"flex-end",}} />
          </View>
        </View>
      </View>
      </TouchableOpacity>
      <View style={{width:width,height:10,backgroundColor:"#F5F5F5"}} />
      <View>
        <ListItem bottomDivider onPress={() => navigation.navigate('Security')}>
          <ImageBackground source={ImageA} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale?._('My.security')}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        <ListItem bottomDivider onPress={() => navigation.navigate('Language')}>
          <ImageBackground source={ImageB} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale?._('My.language')}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        <ListItem onPress={() => navigation.navigate('Nodes')}>
          <ImageBackground source={ImageC} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale?._('My.nodes')}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        <Divider style={{ backgroundColor: '#F5F5F5', height: 10 }} />
        <ListItem bottomDivider onPress={() => navigation.navigate('ChatQRcode')}>
          <ImageBackground source={QRcode} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale._("QR_code")}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        <ListItem bottomDivider onPress={() => navigation.navigate('SetParams')}>
          <ImageBackground source={option} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale._("MeChat_SetParams_Title")}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        <ListItem bottomDivider onPress={() => navigation.navigate('About')}>
          <ImageBackground source={AboutUs} style={{ width: 20, height: 20 }} />
          <ListItem.Content>
            <ListItem.Title>{locale?._('My.about')}</ListItem.Title>
          </ListItem.Content>
          <ListItem.Chevron />
        </ListItem>
        {/*<ListItem bottomDivider onPress={() => navigation.navigate("ChatGroupMy")}>*/}
        {/*  <ImageBackground source={AboutUs} style={{ width: 20, height: 20 }} />*/}
        {/*  <ListItem.Content>*/}
        {/*    <ListItem.Title>群聊入口</ListItem.Title>*/}
        {/*  </ListItem.Content>*/}
        {/*  <ListItem.Chevron />*/}
        {/*</ListItem>*/}
        {/*<ListItem bottomDivider onPress={() => navigation.navigate('xxx')}>*/}
        {/*  <ImageBackground source={ImageD} style={{ width: 20, height: 20 }} />*/}
        {/*  <ListItem.Content>*/}
        {/*    <ListItem.Title>{"xxx"}</ListItem.Title>*/}
        {/*  </ListItem.Content>*/}
        {/*  <ListItem.Chevron />*/}
        {/*</ListItem>*/}
        {/*<ListItem bottomDivider onPress={() => navigation.navigate('About')}>*/}
        {/*  <ImageBackground source={ImageD} style={{ width: 20, height: 20 }} />*/}
        {/*  <ListItem.Content>*/}
        {/*    <ListItem.Title>修改id</ListItem.Title>*/}
        {/*  </ListItem.Content>*/}
        {/*  <ListItem.Chevron />*/}
        {/*</ListItem>*/}
      </View>
    </ScrollView>
  );
};

export default My;
